<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title></title>
	<script src="lib/jquery-3.4.1.js"></script>
	<script src="lib/jquery-3.4.1.min.js"></script>
	<link rel="stylesheet" href="css/show.css">
</head>
<body class="bg">
	<div>
		<div class="content">
            <div class="stars"></div>
            <img class="bgc" src="images/show.jpg" width="100%" alt="">
            <h3 class="title">韩流帝王 SUPER JUNIOR</h3>
            <h3 class="titles">Show about Super Junior</h3>
            <div class='ribbon'>
                <a href='./index.html'><span>Home</span></a>
                <a href='./about.html'><span>About</span></a>
                <a href='./show.html'><span>Show</span></a>
            </div>
        </div>
        <div>
        	<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=330 height=86 src="https://music.163.com/outchain/player?type=2&id=1444168210&auto=1&height=66"></iframe>
        </div>
        <div class="title1">PHOTO SHOW</div>
		<ul class="kuang">
			<li class="tu1"><a><img src="images/00.jpg" /></a></li>
			<li class="tu1"><a><img src="images/11.jpg" /></a></li>
			<li class="tu1"><a><img src="images/22.jpg" /></a></li>
			<li class="tu1"><a><img src="images/33.jpg" /></a></li>
			<li class="tu1"><a><img src="images/44.jpg" /></a></li>
			<li class="tu1"><a><img src="images/55.jpg" /></a></li>
		</ul>
	</div>
	<section id="contactUs" class="page-section secPad">
		<div class="container">
			<!--下面是留言样式 -->
			<div class="row">
            <div class="headingMessage">
            	<!-- Heading -->
            	<h2>请在这里写下你的留言吧~</h2>
            	<p>Thank you for visiting out my blog. If you would like to leave a message, please fill out the form below.</p>
            </div>
        </div>
        <div class="row mrgn30">
        	<div class="col-sm-12 col-md-8">
        		<!--NOTE: Update your email Id in "contact_me.php" file in order to receive emails from your contact form-->
        		<form name="sentMessage" id="contactForm" novalidate>
        			<div class="control-group">
        				<div class="controls">
        					<input type="text" class="form-control" placeholder="用户名" id="name" required data-validation-required-message="Please enter your name" minlength="2" maxlength="10" data-validation-minlength-message="Min 2 characters"/>
        					<p class="help-block"></p>
        				</div>
        			</div>
        			<div class="control-group">
        				<div class="controls">
        					<textarea rows="10" cols="100" class="form-control" placeholder="发表你的评论吧" id="message" required data-validation-required-message="Please enter your message" minlength="5" data-validation-minlength-message="Min 5 characters" maxlength="999" style="resize:none"></textarea>
        				</div>
        			</div>
        			<div id="success"> 
        			</div> 
        			<!-- For success/fail messages -->
        			<button type="submit" class="btn">发送</button>
        			<br>
        		</form>
        	</div>
        </div>
<!--/.container-->
</section>
</body>
</html>
<script type="text/javascript">
	$('ul>li').mouseenter(function(){
		$(this).css('opacity',1).siblings('li').css('opacity',0.5)
	})
	$('div>ul').mouseleave(function(){
		$('this').find('li').css('opacity',1)
	})
</script>